<template>
	<div class="coursetop">
		<div class="coursehead">
			<h2>精品课程</h2>
			<div class="search">
				<input type="text" placeholder="权威专业资料库"/>
				<span class="iconfont icon-sousuo"></span>
				<span class="focus"></span>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="scss" scoped="scoped">
	.coursetop{
		position: sticky;
		top:-0.5rem;
		z-index: 5;
		background-color: #fff;
		.coursehead{
			h2{
				font-size: 0.24rem;
				padding-top: 0.2rem;
				margin-left: 0.15rem;
			}
			.search{
				padding: 0.15rem;
				width: calc(100% - 0.3rem);
				height: 0.4rem;
				position: relative;
				input{
					width: calc(100% - 0.3rem);
					height: 0.4rem;
					border: 0.01rem solid #aaaaaa;
					border-radius: 0.05rem;
					text-indent: 0.33rem;
					outline: none;
					font-size: 0.15rem;
					position: absolute;
				}
				.icon-sousuo{
					position: absolute;
					top: 0.27rem;
					left: 0.25rem;
					font-size: 0.16rem;
				}
			}
		}
	}
	
</style>
